<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>查询数据表中数据</title>
    <link rel="stylesheet" href="../../yl/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../style/index.css" />
    <link rel="stylesheet" href="../../component/layui/css/layui.css" />
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
</head>

<body>
    <div class="easyui-navpanel" id="app" v-cloak>
        <header>
            <div class="m-toolbar" v-cloak>
                <div class="m-title">配置{{nodeKey}}权限</div>
            </div>
        </header>
        <div class="easyui-navpanel panel-body panel-body-nobottom panel-body-noborder" style="height: 3000px;display: flex;flex-direction: column;">
            <div class="yl-main" v-cloak>
                <div style="margin-top: 20px;">
                    <el-input @change="check" v-model="Model_Name" style="width: 200px;margin-right: 10px;" placeholder="请输入菜单"clearable></el-input>
                    <el-button type="danger" icon="Search" style="margin: 0; margin-right: 10px;" @click="check" v-cloak>查询</el-button>
                </div>
                <el-table tooltip-effect="dark" border v-loading="loading" :data="treeData" default-expand-all
                    style="margin-top: 20px;" height="100%" row-key="Model_Number" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
                    <el-table-column width="250" prop="Model_Number" show-overflow-tooltip label="编号"></el-table-column>
                    <el-table-column prop="Icon" align="center" width="60" label="图标">
                        <template v-slot="{row}">
                            <i :class="row.Icon" style="font-size: 20px"></i>
                        </template>
                    </el-table-column>
                    <el-table-column width="200" prop="Model_Name" show-overflow-tooltip label="菜单"></el-table-column>
                    <el-table-column align="center" label="配置">
                        <el-table-column align="center" label="新增">
                            <template v-slot="{row}">
                                <el-switch @change="handleSubmit(row)" :disabled="row.loading" v-model="row.UR_New" active-value="1" inactive-value="0" v-if="!row.children"></el-switch>
                            </template>
                        </el-table-column>
                        <el-table-column align="center" label="删除">
                            <template v-slot="{row}">
                                <el-switch @change="handleSubmit(row)" :disabled="row.loading" v-model="row.UR_Del" active-value="1" inactive-value="0" v-if="!row.children"></el-switch>
                            </template>
                        </el-table-column>
                        <el-table-column align="center" label="修改">
                            <template v-slot="{row}">
                                <el-switch @change="handleSubmit(row)" :disabled="row.loading" v-model="row.UR_Modify" active-value="1" inactive-value="0" v-if="!row.children"></el-switch>
                            </template>
                        </el-table-column>
                        <el-table-column align="center" label="查询">
                            <template v-slot="{row}">
                                <el-switch @change="handleSubmit(row)" :disabled="row.loading" v-model="row.UR_Query" active-value="1" inactive-value="0" v-if="!row.children"></el-switch>
                            </template>
                        </el-table-column>
                </el-table>
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack" v-cloak>返回</el-button>
        </footer>
    </div>
</body>
<script src="../../utils/utils.js"></script>
<script src="../../utils/mixins.js"></script>
<script src="../../config/config.js"></script>
<script src="../../yl/vue.js"></script>
<script src="../../yl/index.js"></script>
<script src="../../yl/zh-cn.mjs"></script>
<script src="../../yl/index.iife.min.js"></script>
<script src="../../yl/jquery.min.js"></script>
<script src="../../utils/jquery.cookie.js"></script>
<script src="../../yl/jquery.easyui.min.js"></script>
<script src="../../yl/jquery.easyui.mobile.js"></script>
<script src="../../yl/moment.min.js"></script>
<script src="../../api/request.js"></script>
<script src="./js/rights.js"></script>

</html>